.city__home {
    position: absolute;
    left: 0;
    top: 0;
    width: 1280px;
    height: 720px;
}

.city__home li {
    position: absolute;
}

.city__home-entry {
    width: 100%;
    height: 100%;
    background-size: 100% !important;
}

.city__home-entry:focus {
    /*transition: all .5s;*/
    /*-webkit-transition: all .5s;*/
    z-index: 1;
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
    border: solid 6px #fff;
    box-shadow: #000 0 0 80px 10px;
    -webkit-box-shadow: #000 0 0 80px 10px;
}

/* home head style */
.city__home-head {
    position: absolute;
    top: 55px;
    width: 1280px;
    height: 60px;
}

.city__home-head--icon {
    position: absolute;
    left: 120px;
    width: 229px;
    height: 57px;
    background: url(img/home/jpg/sdyx.png);
}

.city__home-head--title {
    position: absolute;
    left: 375px;
    width: 188px;
    height: 57px;
    background: url(img/home/jpg/icity.png);
}

/* home body style */
.city__home-body {
    position: absolute;
    top: 150px;
    width: 1280px;
    height: 515px;
}

/* row 1 */
li.city__home-entry-sbcx,
li.city__home-entry-gjjcx,
li.city__home-entry-bsyy,
li.city__home-entry-jxzs,
li.city__home-entry-zx {
    width: 165px;
    height: 165px;
}

li.city__home-entry-sbcx {
    left: 120px;
}

li.city__home-entry-gjjcx {
    left: 295px;
}

li.city__home-entry-bsyy {
    left: 470px;
}

li.city__home-entry-jxzs {
    left: 645px;
}

li.city__home-entry-zx {
    width: 340px;
    left: 820px;
}

a.city__home-entry-sbcx {
    background: url(img/home/jpg/sbcx.jpg);
}

a.city__home-entry-gjjcx {
    background: url(img/home/jpg/gjjcx.jpg);
}

a.city__home-entry-bsyy {
    background: url(img/home/jpg/bsyy.jpg);
}

a.city__home-entry-jxzs {
    background: url(img/home/jpg/jxzs.jpg);
}

a.city__home-entry-zx {
    background: url(img/home/jpg/zx.jpg) center no-repeat;
}

/* row 2 */
li.city__home-entry-wzcx,
li.city__home-entry-bscx,
li.city__home-entry-bszn,
li.city__home-entry-rxcx {
    top: 175px;
    width: 165px;
    height: 165px;
}

li.city__home-entry-wzcx {
    left: 120px;
}

li.city__home-entry-bscx {
    left: 295px;
}

li.city__home-entry-bszn {
    left: 470px;
}

li.city__home-entry-rxcx {
    left: 645px;
}

a.city__home-entry-wzcx {
    background: url(img/home/jpg/wzcx.jpg);
}

a.city__home-entry-bscx {
    background: url(img/home/jpg/bscx.jpg);
}

a.city__home-entry-bszn {
    background: url(img/home/jpg/bszn.jpg);
}

a.city__home-entry-rxcx {
    background: url(img/home/jpg/rxcx.jpg);
}

/* row 3 */
li.city__home-entry-msgg,
li.city__home-entry-gngj,
li.city__home-entry-crjpd,
li.city__home-entry-qxfw {
    top: 350px;
    width: 165px;
    height: 165px;
}

li.city__home-entry-msgg {
    left: 120px;
}

li.city__home-entry-gngj {
    left: 295px;
}

li.city__home-entry-crjpd {
    left: 470px;
}

li.city__home-entry-qxfw {
    left: 645px;
}

a.city__home-entry-msgg {
    background: url(img/home/jpg/msgg.jpg);
}

a.city__home-entry-gngj {
    background: url(img/home/jpg/gngj.jpg);
}

a.city__home-entry-crjpd {
    background: url(img/home/jpg/crjpd.jpg);
}

a.city__home-entry-qxfw {
    background: url(img/home/jpg/qxfw.jpg);
}

/*s q-code */
li.city__home-entry-sqcode {
    position: absolute;
    left: 820px;
    top: 175px;
    width: 340px;
    height: 340px;
}

a.city__home-entry-sqcode {
    background: url(img/home/jpg/sqcode.jpg) center no-repeat;
}

/* home user style */
.city__home-user {
    position: absolute;
    width: 270px;
    height: 89px;
    right: 94px;
    top: 38px;
}

.city__home-user span {
    position: absolute;
    left: 90px;
    top: 20px;
}

.city__home-nl, .city__home-nc, .city__home-c {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #a0a0a0;
    font-size: 24px;
}

.city__home-nl {
    width: 180px;
    right: 0;
    background: url(img/home/png/no_login.png) center no-repeat;
}

.city__home-nl:focus {
    color: #fff;
    background: url(img/home/png/no_login_focus.png) center no-repeat;
}

.city__home-nc {
    background: url(img/home/png/no_cert.png) center no-repeat;
}

.city__home-nc:focus {
    color: #fff;
    background: url(img/home/png/no_cert_focus.png) center no-repeat;
}

.city__home-c {
    background: url(img/home/png/cert.png) center no-repeat;
}

.city__home-c:focus {
    color: #fff;
    background: url(img/home/png/cert_focus.png) center no-repeat;
}